<!DOCTYPE html>
<html lang="en">
<head>
	<{include file="user/header.html"}>
	<title>学员中心-德安信会计在线教育平台</title>
</head>
<body>
	<div class="wrap">
		<!--star left-->
		<div class="column">
			<{include file="user/left_menu.html"}>
		</div>
		<div id="ContMianBox">
			<!--star子栏目-->
			<div class="sub-colum">
				<div class="tit">课程管理</div>
				<ul>
					<li <{if in_array($current_method, array('video'))}>class="curr"<{/if}>><a href="/user/course/video">视频课</a></li>
					<li <{if in_array($current_method, array('zhibo'))}>class="curr"<{/if}>><a href="/user/course/zhibo">直播课</a></li>
					<li <{if in_array($current_method, array('offline'))}>class="curr"<{/if}>><a href="/user/course/offline" >面授课</a></li>
				</ul>
			</div>
			<!--end子栏目-->
			<!--end left-->
			<div class="container narrow">
				<!--star conter-->
				<div class="cetContent">
					<div class="tit p-lr20">
						<span>视频网课</span>
					</div>
					<!--star内容区域-->
					<div class="mainScroll">
						<div class="mainContainer line-all">
						 <blockquote class="layui-elem-quote"><p><a href="/user/learn_card" style="color: #FF5722; font-size: 20px; text-align: right;">找不到想看的课程？点此查看我的学习卡中可观看的其他课程。</a></p></blockquote>
							<{if $zhiboke|count > 0}>
							<fieldset class="layui-elem-field">
								<legend>筛选</legend>
								<div class="layui-field-box">
									<form class="layui-form layui-form-pane1" action="/user/course/offline">
										<div class="layui-form-item">
											<div class="layui-inline">
												<label class="layui-form-label">课程名</label>
												<div class="layui-input-inline" style="width: 200px;">
													<input type="text" name="sn" placeholder="课程名" autocomplete="off" class="layui-input">
												</div>

											</div>
											<div class="layui-inline">
												<button type="submit" class="layui-btn">搜索</button>
											</div>
										</div>
										
									</form>
								</div>
							</fieldset>
							<!--商品列表 star-->
							<div class="goods_list p-t10">
								<div class="mtc_tab">
									<!--star mc-->
									<div class="mc">
										<div class="u_table_list m-t20">
											<!--star 商品-->
											<div class="table002">
												<table>
													<colgroup>
														<col width="46%">
														<col width="10%">
													</colgroup>
													<tbody>
														<tr>
															<th>课程</th>
															<th>状态</th>
														</tr>
													</tbody>
													<tbody>
														<{foreach from=$zhiboke item=item}>
                                                            <tr>
                                                                <td class="not_lb tal">
                                                                    <div class="product_name">
                                                                        <div class="t_img"><img src="<{$item.course_img}>" /></div>
                                                                        <div class="t_info">
                                                                            <a class="fs20" href="/video/detail/<{$item.id}>">
                                                                                <{$item.title}>
                                                                            </a>
                                                                            <div>主讲老师：<{$item.teacher_name}></div>
                                                                            <div>到期时间：<{$item.lose_time|date_format: '%Y.%m.%d'}> (<{(($item.lose_time-$time)/(24*3600))|ceil}>天)</div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="not_lb tal">
                                                                    <div class="colorBtn">
                                                                        <{if $item.lose_time > $time}>
																		<p>学习中</p>
																		<p><a href="/video/detail/<{$item.id}>">继续学习</a></p>
																		<{else}>
																		<p><a href="/video/detail/<{$item.id}>">未学习</a></p>
																		<{/if}> 
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        <{/foreach}>
													</tbody>
												</table>
											</div>
											<!--end 商品-->
										</div>
										<div class="pages p-tb20" style="text-align:right;">
											<{$pagination}>
										</div>
									</div>
									<!--end mc-->
								</div>
							</div>
							<{else}>
							<div style="width: 100%;text-align: center; font-size: 20px; font-weight: bold;">
								<p style="padding:20px 0;">您现在还没有视频课，去看看有喜欢的视频吗？挑一下</p>
								<p><a class="layui-btn" href="/video">查看所有视频课</a></p>
							</div>
							<{/if}>
							<!--商品列表 end -->
						</div>
						<!--end tabMainCont-->
					</div>
				</div>
			</div>
			<!--end内容区域-->
			<script>
			$(function(){
				$.fn.Dashentab(".cetContent .tit","span",".tabMainCont",".tabItem","curr","click",0);
			});
			</script>
		</div>
		<script>
			$(function(){
				$(".sub-colum").find('li').on('click',function(){//子栏目点击选中状态；
					$(this).addClass('curr').siblings().removeClass('curr');
				})
			});
		</script>
		<script>
			layui.use('laydate', function(){
			  var laydate = layui.laydate;

			  var start = {
			    min: '2016-11-31 23:59:59'
			    ,max: laydate.now(+1)
			    ,istoday: false
			    ,choose: function(datas){
			      end.min = datas; //开始日选好后，重置结束日的最小日期
			      end.start = datas //将结束日的初始值设定为开始日
			    }
			  };

			  var end = {
			    min: '2016-11-31 23:59:59'
			    ,max: laydate.now(+1)
			    ,istoday: false
			    ,choose: function(datas){
			      start.max = datas; //结束日选好后，重置开始日的最大日期
			    }
			  };

			  document.getElementById('LAY_demorange_s').onclick = function(){
			    start.elem = this;
			    laydate(start);
			  }
			  document.getElementById('LAY_demorange_e').onclick = function(){
			    end.elem = this
			    laydate(end);
			  }

			});
		</script>
	</div>
</body>
</html>
